<template>
  <div >
    <videoPlayer class="vjs-custom-skin videoPlayer" :options="playerOptions"></videoPlayer>
  </div>
</template>

<script>
import 'video.js/dist/video-js.css'
import {videoPlayer} from 'vue-video-player'
import 'videojs-flash'
export default {
  components: {
    videoPlayer
  },
  name: 'PullLive',
  data () {
    return {
      playerOptions: {
        height: '300',
        sources: [{
          type: 'rtmp/mp4',
          src: 'rtmp://127.0.0.1/live/bbb'
        }],
        techOrder: ['flash'],
        autoplay: false,
        controls: true
      }
    }
  }
}
</script>

<style scoped>

</style>
